<template>
	<div class="container">
		<div class="center-left">
			<el-row class="tac">
				<el-col :span="3">
					<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
						<el-menu-item index="2">
							<i class="el-icon-user"></i>
							<span slot="title"></span>
							<router-link class="router-link-myinformation" to="/alreadyactive">我加入的活动</router-link>
						</el-menu-item>
						<el-menu-item index="4" v-if="$store.state.userInfo.isManagement">
							<i class="el-icon-user-solid"></i>
							<span slot="title"></span>
							<router-link class="router-link-myinformation" to="/createdactivities">我创建的活动</router-link>
						</el-menu-item>
					</el-menu>
				</el-col>
			</el-row>
		</div>
		<div class="center-right"><router-view></router-view></div>
	</div>
</template>

<script>
export default {
	name: 'myactivities',
	created() {
	
	},
	methods: {

		handleOpen(key, keyPath) {
			console.log(key, keyPath);
		},
		handleClose(key, keyPath) {
			console.log(key, keyPath);
		}
	}
};
</script>

<style scoped>
.container {
	width: 100%;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.router-link-myinformation {
	text-decoration: none;
	font-size: 1rem;
	color: #262626;
}
.center-right {
	margin-top: -6rem;
	margin-left: 10rem;
}
.tac{
	width: 10rem;
	height: 10rem;
}
</style>
